/*
* @Author: gqt
* @Date:   2018-06-26 18:06:57
* @Last Modified by:   gqt
* @Last Modified time: 2018-06-26 18:06:57
*/

@radio-prefix-cls: ivu-radio;
@icon: ivu-icon;

/*颜色*/
@radio-normal         : #999999;
@radio-word-hover     : #333333;
@radio-hover          : #858585;
@radio-disabled-color : #B3B3B3;
@radio-check-violet-color    : #834AED;
@radio-focus-violet-color    : rgba(31, 74, 237,.2);
.violet { 

 .@{radio-prefix-cls} {
  &-group-button{
   .@{radio-prefix-cls}-wrapper-checked{
     &.@{radio-prefix-cls}-focus{
        -webkit-box-shadow:0 0 0 2px @radio-focus-violet-color;
         box-shadow:0 0 0 2px @radio-focus-violet-color;
        -webkit-box-shadow: -1px 0 0 0 @radio-check-violet-color,0 0 0 2px @radio-focus-violet-color;
         box-shadow: -1px 0 0 0 @radio-check-violet-color,0 0 0 2px @radio-focus-violet-color;
         &:after{
          background:  @radio-focus-violet-color;
         }
         &:first-child{
             -webkit-box-shadow: 0 0 0 2px   @radio-focus-violet-color;
              box-shadow: 0 0 0 2px   @radio-focus-violet-color;
     }
    }
  }
  }
  &-focus{
    -webkit-box-shadow: 0 0 0 2px  @radio-focus-violet-color;
    box-shadow: 0 0 0 2px  @radio-focus-violet-color;
  }
  &-inner:after{
     background-color:@radio-check-violet-color;
  }

  &-wrapper-checked .@{icon}{
        color:@radio-check-violet-color;
   }

  &-wrapper-disabled .@{icon}{
        color:@radio-disabled-color;
   }

  &-checked{
    .@{radio-prefix-cls}-inner{
        border-color:@radio-check-violet-color;
   } 
  }  

  &-wrapper{
   &.@{radio-prefix-cls}-wrapper-checked{
    &:hover{
        .@{radio-prefix-cls}-inner{
           border:1px solid @radio-check-violet-color;
        }
      }    
   }
  }
  
  &-wrapper{
     &.@{radio-prefix-cls}-wrapper-disabled{
      &:hover{
          .@{radio-prefix-cls}-inner{
             border:1px solid @radio-disabled-color;
          }
        }    
     }
    }

  &-wrapper{
    &.@{radio-prefix-cls}-wrapper-checked{
      color:@radio-word-hover;
    }
  }

  &-wrapper{
   color:@radio-normal;
    &:hover{
       color:@radio-word-hover;
        .@{radio-prefix-cls}-inner{ 
           border:1px solid @radio-hover; 
        }
      }
  }

  &-disabled{
    .@{radio-prefix-cls}-inner{ 
        &:after{
        background-color:@radio-disabled-color;
       }  
     }
  }

   &-disabled{
     .@{radio-prefix-cls}-inner{
       border-color:@radio-disabled-color;
     }
   }
   &-wrapper{
    &.@{radio-prefix-cls}-wrapper-disabled{
        color:@radio-normal;
     }
   }
  }
}
